<template>
  <div id="app">
    <button v-on:click="click1">click1</button>
	<button v-on:click="click2">click2</button>
     <!-- <input v-model="obj"> -->
    <!-- {{obj}} -->
    {{classes}}
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'app',
  data(){
      return{

      }
  },
  computed:{
    ...mapState({
      userType: state => state.datas.user.userType,
	  classes: state => state.datas.classes
    })
    // userType(){
    //   return this.$store.getters.userType
    // }
    // obj:{
    //   get(){
    //     return this.$store.state.obj
    //   },
    //   set(val){
    //     this.$store.commit('updateMessage',val)
    //   }
    // }
  },
  created(){
	this.$store.dispatch('loadTwoDayClasses')
	      console.log('<2>--datas加载完毕：')
      console.log(this.$store.state)
  },
  methods:{
    click1(){
      // this.$store.commit('SET_USER_DATA2')
      // this.$store.state.datas. = {}
      this.$store.dispatch('loadTwoDayClasses')
      console.log('<2>--datas加载完毕：')
      console.log(this.$store.state.datas)
    },
    click2(){
      // this.$store.commit('SET_USER_DATA2')
      // this.$store.state.datas. = {}
      this.$store.dispatch('updateTwoDayClasses')
      console.log('<2>--datas加载完毕：')
      console.log(this.$store.state)
    }
  }
}
</script>

<style>

</style>


